<template>
  <a-row :gutter="[60, 0]" class="clearfix">
    <a-col class="title-en" style="margin-top: 0">- House Extended Warranty -</a-col>
    <a-col class="title-cn">房延保</a-col>
    <a-col class="title-icon">
      <a-icon type="caret-down" />
    </a-col>
    <a-col class="description clearfix">
      <a-col span="12" class="description-img">
        <img src="@/assets/images/conception.png" alt />
      </a-col>
      <a-col span="12" class="description-text">
        <div class="sub-title">
          <i>CONCEPTION</i>
          房延保概念
        </div>
        <p>
          房延保指房屋（包括装修）在质量保修期届满后，由房屋延保服务商提供延长保修时间、延展服务项目及提供相关衍生服务的综合保修服务产品。房延保产品涉及多种物业类型，包括住宅、办公、商业等，除标准产品外，也可为不同客户定制多元化的不动产延保产品。
        </p>
      </a-col>
    </a-col>
    <a-col class="description-mode clearfix">
      <i>OPERATION MODE</i>
      <div>房延保运营模式</div>
      <img src="@/assets/images/mode.jpg" alt width="100%" />
    </a-col>
    <a-col class="description-mode clearfix">
      <i>SECURITY CATEGORY</i>
      <div>房延保保障范畴</div>
    </a-col>
    <a-col class="category-table clearfix">
      <a-col span="8" class="category-item active clearfix">水电隐蔽工程</a-col>
      <a-col span="8" class="category-item active clearfix">基础装修工程</a-col>
      <a-col span="8" class="category-item active clearfix">主材装修工程</a-col>
      <a-col span="8" class="category-item clearfix">水管爆裂、渗透</a-col>
      <a-col span="8" class="category-item clearfix">泥工部分</a-col>
      <a-col span="4" class="category-item clearfix">卫浴设施</a-col>
      <a-col span="4" class="category-item clearfix">厨房设施</a-col>
      <a-col span="8" class="category-item clearfix">防水层破损，发生渗透水</a-col>
      <a-col span="8" class="category-item clearfix">木工部分</a-col>
      <a-col span="4" class="category-item clearfix">门窗系统</a-col>
      <a-col span="4" class="category-item clearfix">开关面板</a-col>
      <a-col span="8" class="category-item clearfix">强电弱电系统故障</a-col>
      <a-col span="8" class="category-item clearfix">油漆部分</a-col>
      <a-col span="4" class="category-item clearfix">瓷砖材料</a-col>
      <a-col span="4" class="category-item clearfix">地板材料</a-col>
      <a-col span="24" class="category-item active clearfix">第三者责任</a-col>
      <a-col span="24" class="category-item clearfix">
        在延保期内，当标的住宅因延保证书保修范围内的工程质量问题造成第三方住宅的基础装修工程出现问题或损坏而影响正常使用时，由我司根据本延保证书约定承担保修责任。
      </a-col>
    </a-col>
    <a-col class="description-mode clearfix">
      <i>SERVICE SYSTEM</i>
      <div>房延保服务体系</div>
    </a-col>
    <a-col class="description-system">
      <div v-for="(e, i) in systemList" :key="i">
        <img :src="`/public/images/system-${i + 1}.png`" alt />
        <p>{{ e }}</p>
      </div>
    </a-col>
    <a-col class="description-mode clearfix">
      <i>VALUE SYSTEM</i>
      <div>房延保价值体系</div>
    </a-col>
    <a-col class="description clearfix">
      <a-col span="12" class="description-text">
        <div class="sub-title">
          <i>ABOUT OWNERS</i>
          房延保之于业主
        </div>
        <p>
          拥有延保服务的业主在延保期限、延保范围及维修限额内，房屋出现相关质量问题时，都可一键报修，获得免费、高质、高效的维修及置换服务；省钱、省事、省心。
        </p>
      </a-col>
      <a-col span="12" class="description-img">
        <img src="@/assets/images/owners.png" alt />
      </a-col>
    </a-col>
    <a-col class="description value clearfix">
      <a-col span="12" class="description-img">
        <img src="@/assets/images/enterprise.png" alt />
      </a-col>
      <a-col span="12" class="description-text">
        <div class="sub-title">
          <i>ABOUT ENTERPRISE</i>
          房延保之于产业链企业
        </div>
        <p>
          <span>开发商 Developers /</span>
          在开发项目中的植入，赋予了房屋更长时间的质量及维修服务保障，不仅为业主未来的安居保驾护航，更可成为开发企业在产品、营销、品牌及服务端的增值利器。
        </p>
        <p>
          <span>家装公司 Home Decoration Company /</span>
          将有利于企业更深度的构建品牌的差异性，强化品牌认知，塑造差异化营销价值。持续售后服务的提供，不仅有利于建立与客户之间的信任关系，也将更深入的洞察和了解客户的新生需求，为新的衍生业务创造机遇。
        </p>
        <p>
          <span>物业持有运营机构 Operation Organization /</span>
          低成本锁定物业后端运营的维修及关联管理成本，削减非核心部门的财务支出，为物业持有运营机构（如长租公寓运营商、写字楼、购物中心、产业园等）的运营成本管理提供创新式解决方案。优化运营模式，提升运营效率。
        </p>
      </a-col>
    </a-col>
  </a-row>
</template>

<script>
export default {
  name: "HouseExtendedWarranty",
  data() {
    return {
      systemList: ["专业团队", "严谨流程", "精致工艺", "高端设备", "贴心服务"]
    };
  }
};
</script>

<style lang="scss" scoped>
</style>
